<template>
  <div @click="retime" id="app">
    <MachineHeader/>
    <MachineContent/>
    <MachineFooter/>
  </div>
</template>

<script>
  import MachineHeader from './components/MachineHeader.vue';
  import MachineContent from './components/MachineContent.vue';
  import MachineFooter from './components/MachineFooter.vue';

  export default {
    name:'App',
    components:{
      MachineHeader,
      MachineContent,
      MachineFooter
    },
    methods:{
      // 当用户对界面有操作时 启动定时器 + 定时器运行时重新计时
      retime(){
        this.$bus.$emit('retime',_)
      }
    }
  }
</script>

<style>
  *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  li{
    list-style: none;
  }
  html,body{
    height: 100%;
  }
  #app{
    margin: 0 auto;
    padding: 10px 0;
    width: 1100px;
    height: 100%;
    background-color: #354fab;
  }
  button{
    width: 34px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #afc0da;
    color: #686e77;
    border-radius: 2px;
    cursor: pointer;
  }
</style>
